.flex-box{
    display: flex;
    justify-content: center;
    align-items: center;
  &.space-between{
    justify-content: space-between;
  }
  &.flex-end{
    justify-content: flex-end;
  }
  &.normal{
    justify-content: unset;
  }
  &.flex-start{
    justify-content: flex-start;
  }
}
.flex-1{
    flex: 1;
}
.ellipsis{
  overflow: hidden;/*超出部分隐藏*/
  text-overflow:ellipsis;/* 超出部分显示省略号 */
  white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.auto{
    margin: 0 auto;
}
.bold{
    font-weight: bold;
}
.point{
    cursor: pointer;
}
.bg-weight{
    background: white;
}
.pt-20{
  padding-top: 20px;
}
.pr-20{
  padding-right: 20px;
}
.ml-20{
    margin-left: 20px;
}
.mr-10{
  margin-right: 10px;
}
.mr-20{
  margin-right: 20px;
}
.mr-25{
  margin-right: 25px;
}
.mr-48{
  margin-right: 48px;
}
.mb-20{
  margin-bottom: 20px;
}
.h50{
  height: 50px;
}
.h70{
  height: 70px;
}
.w200{
  width: 200px;
}
.w250{
  width: 250px;
}
.w420{
  width: 420px;
}
.precent100{
  width: 100%;
  margin-right: 0 !important;
  .el-form-item__content{
    width: 80%;
  }
}
.continer{
  height: 100%;
  &.noBorder{
    border: none;
  }
}
.content-style{
  background: white;
  padding: 0 30px;
  border-bottom: 1px solid #D2D1D1;
  h1{
    padding: 0;
    margin: 0;
    font-size: 24px;
    color: #333333;
  }
}
.page-style{
  background: #F8F8F8;
  height: 50px;
  border: 1px solid #EEEEEE;
}
.font-blue{
  color: #006EAB;
}
.font-red{
  color: #FF585D;
}
.font-orange{
  color: #FF7723;
}
.font-gray{
  color: #666;
}


.el-button--primary{
  background: #006EAB;
}
